<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    // const a = Symbol("a");
    // const b = Symbol("a");
    // const c = Symbol();

    // console.log(a);
    // console.log(b);
    // console.log(c);
    // console.log(typeof c);

    // console.log(Symbol);

    // console.log(a === b);

    // =========

    // const STATUS = {
    //     a:Symbol(),
    //     b:Symbol(),
    //     c:Symbol(),
    // }

    // let code = STATUS.b;

    // document.onclick = function(){
    //     if(code === STATUS.a){
    //         console.log("hello");
    //     }else if(code === STATUS.b){
    //         console.log("world")
    //     }else if(code === STATUS.c){
    //         console.log("hahaah");
    //     }
    // }

    // ========

    const a1 = Symbol("age");
    const a2 = Symbol("age");

    const obj = {
        [a1]: 18
    }

    obj[a2] = 20;

    console.log(obj);

    console.log(obj[a1]);
    console.log(obj[a2]);

    


</script>
</html>